<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>Yui Slider Example</title>
    <script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
    <script type="text/javascript" src="../../build/dragdrop/dragdrop-min.js"></script>
    <script type="text/javascript" src="../../build/slider/slider-min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../build/reset-fonts-grids/reset-fonts-grids.css">
    <link rel="stylesheet" type="text/css" href="slider.css">
  </head>
  <body>
    <div id="doc" class="yui-t5">
      <div id="bd">
        <div id="yui-main">
          <div class="yui-b">
            <div class="content" id="content">
              <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce non odio ac elit tempor cursus. Sed est pede, sagittis nec, pulvinar id, mollis vitae, mauris. Mauris gravida sapien sit amet dui. Nunc sed risus id risus euismod ultrices. Quisque quis est ut augue cursus placerat. In sit amet velit at nisl tincidunt cursus. Ut id elit ac orci ultrices tincidunt. Phasellus ultricies tortor sit amet velit. Proin interdum nunc a mauris. Sed varius est non sapien.</div>
            </div>
          </div>
        </div>
        <div class="yui-b">
          <div id="sli_bg" title="font size slider">
            <div id="sli_thumb"><img src="images/sli_thumb.gif" alt="slider_thumb"></div>
          </div>
          <p class="sli_legend">Set the Font-size</p>
        </div>
      </div>
    </div>
    <script type="text/javascript" src="slider.js"></script>
  </body>
</html>

  